<template>
   <div class="main_right">
     <div class="right">
        <h2>博客热点</h2>
        <ul>
            <li><span></span>早发白帝城</li>
            <li><span></span>诗人:李太白</li>
            <li><span></span>朝辞白帝彩云间,千里江陵一日还</li>
            <li><span></span>两岸猿声啼不住,轻舟已过万重山</li>
            <li><span></span>黄鹤楼送孟浩然之广陵</li>
            <li><span></span>诗人:李太白</li>
            <li><span></span>故人西辞黄鹤楼,烟花三月下扬州</li>
            <li><span></span>孤帆远影碧空尽,唯见长江天际流</li>
        </ul>
    </div>
   </div>
   
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
@import "../theme/style.scss";

.main_right{
  
  .right{
      // flex:2;
      margin-left:30px;
      h2{
          font-size:18px;
          border-bottom: 2px solid $theme_colors;
          line-height: 40px;
      }
      ul{
          padding: 8px;
          list-style-type: none;
          li{
              height: 30px;
              line-height: 30px;
              position: relative;
              text-indent: 15px;
              &:hover{
                  color:#66b1ff;
                  cursor: pointer;
              }
              span{
                  display: block;
                  height: 5px;
                  width: 5px;
                  background-color:  $theme_colors;
                  position: absolute;
                  left: 0;
                  top:13px
              }
          }
      }
  }
}
</style>